/* 间距工具类 - HarmonyOS设计指南实现 */

@import '../base/window.less';

/* Margin 工具类 */
.m-0, .margin-none { margin: 0 !important; }
.m-xsmall, .margin-xsmall { margin: var(--margin-xsmall) !important; }
.m-small, .margin-small { margin: var(--margin-small) !important; }
.m-medium, .margin-medium { margin: var(--margin-medium) !important; }
.m-large, .margin-large { margin: var(--margin-large) !important; }
.m-xlarge, .margin-xlarge { margin: var(--margin-xlarge) !important; }

/* Margin Top */
.mt-0, .margin-top-none { margin-top: 0 !important; }
.mt-xsmall, .margin-top-xsmall { margin-top: var(--margin-xsmall) !important; }
.mt-small, .margin-top-small { margin-top: var(--margin-small) !important; }
.mt-medium, .margin-top-medium { margin-top: var(--margin-medium) !important; }
.mt-large, .margin-top-large { margin-top: var(--margin-large) !important; }
.mt-xlarge, .margin-top-xlarge { margin-top: var(--margin-xlarge) !important; }

/* Margin Right */
.mr-0, .margin-right-none { margin-right: 0 !important; }
.mr-xsmall, .margin-right-xsmall { margin-right: var(--margin-xsmall) !important; }
.mr-small, .margin-right-small { margin-right: var(--margin-small) !important; }
.mr-medium, .margin-right-medium { margin-right: var(--margin-medium) !important; }
.mr-large, .margin-right-large { margin-right: var(--margin-large) !important; }
.mr-xlarge, .margin-right-xlarge { margin-right: var(--margin-xlarge) !important; }

/* Margin Bottom */
.mb-0, .margin-bottom-none { margin-bottom: 0 !important; }
.mb-xsmall, .margin-bottom-xsmall { margin-bottom: var(--margin-xsmall) !important; }
.mb-small, .margin-bottom-small { margin-bottom: var(--margin-small) !important; }
.mb-medium, .margin-bottom-medium { margin-bottom: var(--margin-medium) !important; }
.mb-large, .margin-bottom-large { margin-bottom: var(--margin-large) !important; }
.mb-xlarge, .margin-bottom-xlarge { margin-bottom: var(--margin-xlarge) !important; }

/* Margin Left */
.ml-0, .margin-left-none { margin-left: 0 !important; }
.ml-xsmall, .margin-left-xsmall { margin-left: var(--margin-xsmall) !important; }
.ml-small, .margin-left-small { margin-left: var(--margin-small) !important; }
.ml-medium, .margin-left-medium { margin-left: var(--margin-medium) !important; }
.ml-large, .margin-left-large { margin-left: var(--margin-large) !important; }
.ml-xlarge, .margin-left-xlarge { margin-left: var(--margin-xlarge) !important; }

/* Margin X (Left & Right) */
.mx-0, .margin-x-none { margin-left: 0 !important; margin-right: 0 !important; }
.mx-xsmall, .margin-x-xsmall { margin-left: var(--margin-xsmall) !important; margin-right: var(--margin-xsmall) !important; }
.mx-small, .margin-x-small { margin-left: var(--margin-small) !important; margin-right: var(--margin-small) !important; }
.mx-medium, .margin-x-medium { margin-left: var(--margin-medium) !important; margin-right: var(--margin-medium) !important; }
.mx-large, .margin-x-large { margin-left: var(--margin-large) !important; margin-right: var(--margin-large) !important; }
.mx-xlarge, .margin-x-xlarge { margin-left: var(--margin-xlarge) !important; margin-right: var(--margin-xlarge) !important; }

/* Margin Y (Top & Bottom) */
.my-0, .margin-y-none { margin-top: 0 !important; margin-bottom: 0 !important; }
.my-xsmall, .margin-y-xsmall { margin-top: var(--margin-xsmall) !important; margin-bottom: var(--margin-xsmall) !important; }
.my-small, .margin-y-small { margin-top: var(--margin-small) !important; margin-bottom: var(--margin-small) !important; }
.my-medium, .margin-y-medium { margin-top: var(--margin-medium) !important; margin-bottom: var(--margin-medium) !important; }
.my-large, .margin-y-large { margin-top: var(--margin-large) !important; margin-bottom: var(--margin-large) !important; }
.my-xlarge, .margin-y-xlarge { margin-top: var(--margin-xlarge) !important; margin-bottom: var(--margin-xlarge) !important; }

/* Padding 工具类 */
.p-0, .padding-none { padding: 0 !important; }
.p-xsmall, .padding-xsmall { padding: var(--margin-xsmall) !important; }
.p-small, .padding-small { padding: var(--margin-small) !important; }
.p-medium, .padding-medium { padding: var(--margin-medium) !important; }
.p-large, .padding-large { padding: var(--margin-large) !important; }
.p-xlarge, .padding-xlarge { padding: var(--margin-xlarge) !important; }

/* Padding Top */
.pt-0, .padding-top-none { padding-top: 0 !important; }
.pt-xsmall, .padding-top-xsmall { padding-top: var(--margin-xsmall) !important; }
.pt-small, .padding-top-small { padding-top: var(--margin-small) !important; }
.pt-medium, .padding-top-medium { padding-top: var(--margin-medium) !important; }
.pt-large, .padding-top-large { padding-top: var(--margin-large) !important; }
.pt-xlarge, .padding-top-xlarge { padding-top: var(--margin-xlarge) !important; }

/* Padding Right */
.pr-0, .padding-right-none { padding-right: 0 !important; }
.pr-xsmall, .padding-right-xsmall { padding-right: var(--margin-xsmall) !important; }
.pr-small, .padding-right-small { padding-right: var(--margin-small) !important; }
.pr-medium, .padding-right-medium { padding-right: var(--margin-medium) !important; }
.pr-large, .padding-right-large { padding-right: var(--margin-large) !important; }
.pr-xlarge, .padding-right-xlarge { padding-right: var(--margin-xlarge) !important; }

/* Padding Bottom */
.pb-0, .padding-bottom-none { padding-bottom: 0 !important; }
.pb-xsmall, .padding-bottom-xsmall { padding-bottom: var(--margin-xsmall) !important; }
.pb-small, .padding-bottom-small { padding-bottom: var(--margin-small) !important; }
.pb-medium, .padding-bottom-medium { padding-bottom: var(--margin-medium) !important; }
.pb-large, .padding-bottom-large { padding-bottom: var(--margin-large) !important; }
.pb-xlarge, .padding-bottom-xlarge { padding-bottom: var(--margin-xlarge) !important; }

/* Padding Left */
.pl-0, .padding-left-none { padding-left: 0 !important; }
.pl-xsmall, .padding-left-xsmall { padding-left: var(--margin-xsmall) !important; }
.pl-small, .padding-left-small { padding-left: var(--margin-small) !important; }
.pl-medium, .padding-left-medium { padding-left: var(--margin-medium) !important; }
.pl-large, .padding-left-large { padding-left: var(--margin-large) !important; }
.pl-xlarge, .padding-left-xlarge { padding-left: var(--margin-xlarge) !important; }

/* Padding X (Left & Right) */
.px-0, .padding-x-none { padding-left: 0 !important; padding-right: 0 !important; }
.px-xsmall, .padding-x-xsmall { padding-left: var(--margin-xsmall) !important; padding-right: var(--margin-xsmall) !important; }
.px-small, .padding-x-small { padding-left: var(--margin-small) !important; padding-right: var(--margin-small) !important; }
.px-medium, .padding-x-medium { padding-left: var(--margin-medium) !important; padding-right: var(--margin-medium) !important; }
.px-large, .padding-x-large { padding-left: var(--margin-large) !important; padding-right: var(--margin-large) !important; }
.px-xlarge, .padding-x-xlarge { padding-left: var(--margin-xlarge) !important; padding-right: var(--margin-xlarge) !important; }

/* Padding Y (Top & Bottom) */
.py-0, .padding-y-none { padding-top: 0 !important; padding-bottom: 0 !important; }
.py-xsmall, .padding-y-xsmall { padding-top: var(--margin-xsmall) !important; padding-bottom: var(--margin-xsmall) !important; }
.py-small, .padding-y-small { padding-top: var(--margin-small) !important; padding-bottom: var(--margin-small) !important; }
.py-medium, .padding-y-medium { padding-top: var(--margin-medium) !important; padding-bottom: var(--margin-medium) !important; }
.py-large, .padding-y-large { padding-top: var(--margin-large) !important; padding-bottom: var(--margin-large) !important; }
.py-xlarge, .padding-y-xlarge { padding-top: var(--margin-xlarge) !important; padding-bottom: var(--margin-xlarge) !important; }

